/**
 * filePanel骨架图
 */

import React from 'react';
import Skeleton from 'react-loading-skeleton';
import FilePanel from 'components/filePanel';
import withTimeoutSkeleton from 'components/skeleton';
import './index.scss';

class PanelSkeleton extends React.PureComponent {
  render() {
    return (
      <FilePanel>
        <FilePanel.Header className="file-box-header">
          <div className="skeleton-wapper panel-empty-header-skeleton">
            <Skeleton width={100} height={20} />
          </div>
        </FilePanel.Header>
        <FilePanel.Body>
          <Skeleton />
          <Skeleton width={300} />
          <div className="panel-empty-line-skeleton" />
          <Skeleton />
          <Skeleton width={300} />
          <div className="panel-empty-line-skeleton" />
          <Skeleton />
          <Skeleton width={300} />
        </FilePanel.Body>
      </FilePanel>
    );
  }
}

export default withTimeoutSkeleton(PanelSkeleton);
